<template>
  <div class="error-page">
    <div class="success-icon">
      <!-- 成功图标，您可以使用字体图标库，如 Font Awesome、Material Icons 等 -->
      <!-- 例如，使用 Font Awesome 的图标：-->
      <!-- <i class="fas fa-check-circle"></i> -->
      <!-- 或者使用 Material Icons 的图标：-->
      <!-- <i class="material-icons">check_circle</i> -->
    </div>
    <h1>提交成功</h1>
    <p>您的信息已成功提交。</p>
  </div>
</template>

<script>
export default {
  name: 'Success'
}
</script>

<style lang="scss" scoped>
.error-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-color: #f5f5f5;
  color: #333;
  font-family: Arial, sans-serif;
}

.success-icon {
  font-size: 4rem;
  color: #4caf50;
  margin-bottom: 1rem;
}

h1 {
  font-size: 2rem;
  margin-bottom: 1rem;
}
</style>
